// 购物车图标
.cart-icon {
    margin: 20rpx;
    position: relative;
    float: right;
    view.icon {
      height: 80rpx;
      width: 80rpx;
    }
  
    .num{
        height          : 30rpx;
        line-height     : 30rpx;
        text-align      : center;
        border-radius   : 50%;
        font-size       : 20rpx;
        width           : 30rpx;
        color           : white;
        background-color: var(--themeColor);
        position        : absolute;
        top             : 0;
        left            : 0;
    }
    .hide{
        display         : none;
    }
  }

// 清除浮动
.cls {
    clear: both;
}

// 内容模块
.Good-content {
    position: relative;
    top: 120rpx;
    .Good_image {
      margin: 0 auto;
      width : 50vw;
    }
  
    .good_func {
        display         : flex;
        align-items     : center;
        justify-content : space-around;
        height          : 100rpx;
        width           : 90%;
        margin          : 0 auto;
        background-color: var(--themeColor);
        border-radius   : 50rpx;
        color           : white;
      .quantity {
        flex           : 2;
        display        : flex;
        justify-content: center;
      }
  
      .add_quantity {
        flex           : 1;
        display        : flex;
        justify-content: center;
      }
  
      .add_shop {
        flex           : 2;
        display        : flex;
        justify-content: center;
      }
  
      .shop_icon {
        flex           : 1;
        display        : flex;
        justify-content: center;
        image {
            width: 40rpx;
        }
      }
    }
  }

// 储存状态 名称 价格模块
.stock {
    height     : 60rpx;
    line-height: 60rpx;
    text-align : center;
}

.title {
    height     : 100rpx;
    line-height: 100rpx;
    text-align : center;
    font-size  : 50rpx;
}

.price {
    height     : 100rpx;
    line-height: 100rpx;
    text-align : center;
    font-size  : 50rpx;
}

// 导航栏
.snack-good-content {
    position: relative;
    top: 120rpx;
    .navs {
        display: flex;

        .navs-item {
            flex:1;
            height: 80rpx;
            line-height:80rpx;
            text-align: center;
        }
        .active{
            border-bottom: 5rpx solid var(--themeColor);
            color:var(--themeColor);
        }
    }
}
